<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <!---固定写法！！！！！！！--->

  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/project.css" rel="stylesheet" type="text/css">
  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="js/jquery-3.2.1.min.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <script src="js/bootstrap.min.js"></script>

</head>
<body>
  <div id="east">
      <!--1.定义容器-->
      <div class="container-fluid" style="margin-top: 8px">
          <!--2.定义行-->
          <div class="row">
              <!--3.定义元素
                  在大显示器一行12个格子
                  在pad上一行6个格子
              -->

              <!--     <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>-->
              <div class=" col-lg-1 ">
                  <a href="live.jsp">
                      <img  src="css/img/return.png" width="65px" style="margin-top: -3px" ></img>
                  </a>
              </div>
              <div class="col-lg-8 "> </div>


              <div class="col-lg-2 " style="width: 295px" ><h2 style="margin-left: 34px;"><b>智能交通信号灯</b></h2></div>

          </div>

    <div style="margin-top: 10px">
    <div  class="col-sm-5 "style="margin-left: 2px">
    <th ><b><h4 style="color: white">&nbsp;&nbsp;&nbsp;津澧大道——东&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        2021/12/3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        19:00 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;车流高峰</h4></b></th>
    </div>
<!--    <div class="col-sm-1 ">-->
<!--    <th><b><h4>2021/12/31</h4></b></th>-->
<!--    </div>-->
<!--    <div class="col-sm-1 ">-->
<!--    <th><b><h4>19:00</h4></b></th>-->
<!--    </div>-->
<!--    <div class="col-sm-1">-->
<!--    <th><b><h4>车流高峰</h4></b></th>-->
<!--    </div>-->
    </div>


              <!--    <div class="table-responsive">-->

<table align="right" border="5" width="715" height="467" cellspacing="0" class="table-hover" style="margin-top: 40px;
        margin-right: 30px">
    <tr style="background-color: #0F2B51" >
        <th align="center" width="190" height="60" ><h4 align="center" style="color: white">车牌</h4> </th>
        <th align="center" width="190" height="60"><h4 align="center" style="color: white">车速</h4></th>
        <th align="center" width="190" height="60"><h4 align="center" style="color: white">经停时长</h4></th>
        <th align="center" width="190" height="60"><h4 align="center" style="color: white">是否违规</h4></th>
    </tr>
    <tr>
        <td align="center" width="180" height="37">川EJK415</td>
        <td align="center" width="180" height="37">30KM/H</td>
        <td align="center" width="180" height="37">30S</td>
        <td align="center" width="180" height="37">否</td>

    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>
    <tr>
        <td align="center" width="175" height="37">川EJK415</td>
        <td align="center" width="175" height="37">30KM/H</td>
        <td align="center" width="175" height="37">30S</td>
        <td align="center" width="175" height="37">否</td>
    </tr>

</table>
              <!--    </div>-->
</span>
          <div style="margin-left: 30px ; ">
          <img src="css/img/East.jpg"  class="img-responsive" align="left" width="490" height="150" />
          </div>


          <div style="margin-left: 30px ; "  >
          <table align="left" border="0" cellspacing="0" style="background-color: #0F2B51;"  width="490" height="150" >
              <tr >
                  <th width="82"></th>
                  <th width="82"><h5 style="color: white"><b>时间:</b></h5></th>
                  <th width="82"><h5 style="color: white"><b>19:00</b></h5></th>
                  <th width="244"></th>

              </tr>
              <tr>
                  <th width="82"></th>
                  <th width="82"><h5 style="color: white"><b>单向车流：</b></h5></th>
                  <th width="82"><h5 style="color: white"><b>47</b></h5></th>
                  <th width="244"></th>
              </tr>
              <tr>
                  <th width="82"></th>
                  <th width="200"><h5 style="color: white"><b>车辆平均经过时长:</b></h5></th>
                  <th width="82"><h5 style="color: white"><b>34S</b></h5></th>
                  <th width="126"></th>

              </tr>
              <tr>
                  <th width="82"></th>
                  <th width="82"><h5 style="color: white"><b>天气:</b></h5></th>
                  <th width="82"><h5 style="color: white"><b>晴</b></h5></th>
                  <th width="244"></th>
              </tr>
              <tr>
                  <th width="82"></th>
                  <th width="82"><h5 style="color: white"><b>拥堵状况:</b></h5></th>
                  <th width="82"><h5 style="color: white"><b>不拥堵</b></h5></th>
                  <th width="244"></th>
              </tr>

          </table>
          </div>


          <table  border="0" width="700" height="50" cellspacing="0" style="background-color: #1B4275;" >
              <tr>
                  <td align="center"><h3 style="color: white"><b>单向路口经过车辆记录</b></h3></td>
              </tr>

          </table>
      </div>
  </div>
</body>
</html>
